<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="toot">
<h1>{{123431.7887 | currency("$",2)}}</h1>
    <h1>{{time |formatData()}}</h1>

</div>
</body>
</html>
<script>
<!--    全局过滤器-->
/*
语法:
Vue.filter("过滤器的名字",function(value){
return  过滤后的结果
}
)
* */
//封装一个过滤器货币的过滤器
//需求:保留小数点的位数;数字前的货币符号
Vue.filter("currency",function (value,flag,n) {
return flag +value.toFixed(n);
//value参数   就是要过滤的值!!!!
})
    new Vue({
        el:"#toot",
        //数据
        data:{
time:new Date()
        },
    //    函数
        methods:{

        },
    //    注册局部过滤器
        filters:{
        //
            formatData:(v)=>{
            //    `` 字符串模板  变量放在${} 其余字符串照常写
                return `${v.getFullYear()}年 ${v.getMonth()}月 ${v.getDate()}日 ${v.getHours()}:${v.getMinutes()}:${v.getSeconds()}`
            }

        },
    })
</script>